<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台-插件使用</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link href="../../../css/base/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="../../../css/base/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="../../../css/base/animate.min.css" rel="stylesheet">
    <link href="../../../css/plugins/table/bootstrap-table.css" rel="stylesheet"/>
    <link href="../../../css/plugins/alert/messager.css" rel="stylesheet"/>
    <link href="../../../css/style-main.css" rel="stylesheet">
    <link href="../../../css/style.css" rel="stylesheet">
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html"/>
    <![endif]-->
</head>

<body class="gray-bg" data-js="../../../js/module/plugin_test">

<div class="row white-bg dashboard-header">
    <div class="col-sm-12">
        工具 &nbsp; / &nbsp; 插件使用
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox-title">
                <h5>弹出框</h5>
            </div>
            <div class="ibox-content">
                <div class="row">
                    <button id="btn_alert_info" class="btn btn-add btn-sm">弹出框 info</button>
                    <button id="btn_alert_success" class="btn btn-add btn-sm">弹出框 success</button>
                    <button id="btn_alert_warning" class="btn btn-add btn-sm">弹出框 warning</button>
                    <button id="btn_alert_error" class="btn btn-add btn-sm">弹出框 error</button>
                    <button id="btn_alert_confirm" class="btn btn-remove btn-sm">确认框 confirm</button>
                    <button id="btn_alert_popup" class="btn btn-warning btn-sm">pppup</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox-title">
                <h5>图片懒加载</h5>
            </div>
            <div class="ibox-content">
                <div class="row">

                    <div class="lazy lazy-bg"
                         data-original="http://img4.imgtn.bdimg.com/it/u=819265564,3078214620&fm=206&gp=0.jpg"
                         style="width:200px; height:200px;"></div>

                    <img class="lazy"
                         data-original="http://img4.imgtn.bdimg.com/it/u=819265564,3078214620&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>
                    <img class="lazy"
                         data-original="http://img5.imgtn.bdimg.com/it/u=717857214,2829749621&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>
                    <img class="lazy"
                         data-original="http://img4.imgtn.bdimg.com/it/u=2586344289,2524044341&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>
                    <img class="lazy"
                         data-original="http://img0.imgtn.bdimg.com/it/u=3297688982,2096967770&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>
                    <img class="lazy"
                         data-original="http://img1.imgtn.bdimg.com/it/u=3050155065,891917392&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>
                    <img class="lazy"
                         data-original="http://img5.imgtn.bdimg.com/it/u=3201851660,2125999003&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>
                    <img class="lazy"
                         data-original="http://img3.imgtn.bdimg.com/it/u=1837442273,1815459472&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>
                    <img class="lazy"
                         data-original="http://img3.imgtn.bdimg.com/it/u=3340203622,1487000733&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>
                    <img class="lazy"
                         data-original="http://img5.imgtn.bdimg.com/it/u=3732218688,3860249811&fm=206&gp=0.jpg"
                         width="400" height="400"/><br/>

                </div>
            </div>
        </div>
    </div>
</div>


<script src="../../../js/base/require.min.js" defer="" data-main="../../../js/main"></script>

</body>

</html>